@charset "utf-8";

* { -webkit-text-size-adjust:none; }

/* reset */
html, body {width:100%; height:100%; font-size:100%; line-height:1.2em;}
html, body, h1, h2, h3, h4, h5, h6, p, div, th, td, table, pre, code, select, form, fieldset, legend, input, address, ol, ul, li, dl, dt, dd, img, textarea, blockquote {margin:0; padding:0;}
body {font-family:'Tahoma', Dotum, sans-serif; font-size:1em; color:#666;}
li {list-style:none;}
input, button, select {font-size:100%; color:#666;}
textarea {font-family:'Tahoma', Dotum, sans-serif;}
button {overflow:visible;cursor:pointer;}
img, fieldset {border:none;}
img {vertical-align:middle;}
hr, caption {display:none;}
em, address {font-style:normal;}
a:link, a:visited, a:hover, a:active {text-decoration:none;}

/* accNav */
#accNav a {position:absolute; left:-9999px;}

/* clear */
.clear {visibility:hidden;}

/* direction */
.flow {float:left;}
.reverse {float:right;}
.dirReset {float:none;}

/* invisible */
.invisible {position:absolute; left:-9999px; height:1%; text-indent:-9999px;}

/* notice */
.noticeList {display:none;}

/* Button Style */
button {margin:0; padding:0; border:0; background:none;}
input::-moz-focus-inner,
button::-moz-focus-inner {border:0; padding:0;}

/* select */
.selectArea {}
.selectArea a {font-family:Gulim, sans-serif; font-size:0.95em; line-height:18px; color:#898989;}
.selectArea ul {display:none; padding:5px 0;}
.selectArea ul li {cursor:pointer;}
.selectArea .selFrm {display:inline-block; display:-moz-inline-stack; height:18px; text-align:left; border:1px solid #d7d7d7; background:#fff;}
.selectArea .selFrm a {display:block; padding:0 48px 0 19px; background:url(/img/usr/bg/bg_select.gif) no-repeat right top;}
.selectArea.num .selFrm a {padding-right:33px;}

.selFoot {width:170px; margin:10px 20px 0 0;}
.selFoot a {font-size:0.7em; color:#c0c0c3;}
.selFoot .selFrm {border:1px solid #5f5f5f; background:#4e4e5c;}
.selFoot .selFrm a {background-image:url(/img/usr/bg/bg_select_footer.gif);}

/* select control */
.selectArea{position:relative;}
.selectArea.zIndex{z-index:999;}
.selectArea .selFrm{display:block;width:100%;white-space:nowrap;}
.selectArea ul{position:absolute;left:0;top:20px;margin-top:-1px;background:#fff;border:1px solid #D7D7D7;text-align:left;}
.selectArea li a{display:block;padding:0 14px 0 19px;height:18px;line-height:18px;white-space:nowrap;}
.selectArea li a:hover{color:#fff; background:#408baf;}
.selFoot ul{top:auto;bottom:20px;margin-top:0;margin-bottom:-1px;background:#4e4e5c;border:1px solid #5f5f5f;}
.selFoot li a{color:#c0c0c3;}
.selFoot li a:hover{color:#4e4e5c; background:#c0c0c3;}

/* layer */
.layer {display:none;z-index:999;}
.layer, .movieLayer {display:none;}
.layer, .mask, .layPop {position:absolute; left:0; top:0; width:100%; height:100%;}
.mask {background:#000; opacity:0.5; filter:alpha(opacity = 50);}
.layPop {left:50%; top:50%; width:auto; height:auto; z-index:101;}
.btnClose {margin-left:-5px;}
.btnClose button {position:absolute; right:-33px; top:0; display:block; width:37px; height:41px; text-indent:-9999px; background:url(/img/usr/bg/btn_lay_close.png) no-repeat left top;}

.myPresent {width:389px; height:266px; background:url(/img/usr/bg/bg_myPresent.png) no-repeat left top;}
.myPresent .msgLayer {width:262px; margin:0 auto; padding:52px 0 16px;}
.myPresent .userPresent {position:relative; width:285px; height:71px; margin:0 auto; padding:15px 0 0 16px; border:1px solid #ddd; background:#f6f6f6;}
.myPresent .userPresent p {overflow:hidden; width:100%; margin:5px 0;}
.myPresent .userPresent span {float:left;}
.myPresent .userPresent input[type="text"],
.myPresent .userPresent input[type="password"] {float:left; width:140px; height:12px; margin:0;}
.myPresent .userPresent .confirm {position:absolute; right:21px; top:20px; width:54px; height:45px; margin:0;}

.photoView {position:relative; width:578px; height:519px; background:url(/img/usr/bg/bg_layer_photo.png) no-repeat left top;}
.photoView .viewPrev a, .photoView .viewNext a {display:block; padding:10px;}
.photoView .viewPrev {position:absolute; left:-55px; top:200px;}
.photoView .viewNext {position:absolute; right:-55px; top:200px;}
.photoView .figure {padding:30px 0 15px;}
.photoView .figure,
.photoView .figure img {width:510px; height:360px; margin:0 auto;}

.photoCommentArea {position:relative; width:514px; margin:0 auto; font-family:'ModernHMedium', 'Tahoma', 'Dotum', sans-serif;}
.photoCommentArea p {font-size:1.1em; color:#676767;}
.photoCommentArea p strong {color:#008dd1; font-weight:normal;}
.photoCommentArea p span {font-size:0.5em;}
.photoCommentArea p.viewTitle{padding-right:45px;word-break:break-all; word-wrap: break-word;}
.photoCommentArea .viewComment {margin-top:3px; font-size:0.7em;  line-height:13px; word-break:break-all; word-wrap: break-word;}
.photoCommentArea .sns {position:absolute; right:0; top:406px;}
.photoCommentArea .sns img {vertical-align:top;}

.noticeModify {width:390px; height:266px; background:url(/img/usr/bg/bg_notice_modify.png) no-repeat left top;}
.noticeModify .msgLayer {width:275px; margin:0 auto; padding:53px 0 16px;}
.noticeModify .userPw {position:relative; width:286px; height:48px; margin:0 auto; padding:21px 0 0 16px; border:1px solid #ddd; background:#f6f6f6;}
.noticeModify .userPw p {overflow:hidden; width:100%;}
.noticeModify .userPw span {float:left;}
.noticeModify .userPw input[type="password"] {float:left; width:140px; height:12px; margin:0;}
.noticeModify .userPw .confirm {position:absolute; right:21px; top:21px; width:54px; height:20px; margin:0;}

/* main */
@media screen and (min-width:981px) {

	body {background:#eaeef1;}
	#wrap {width:100%; min-height:100%;}
	#header, #container, #footer {width:972px; margin:0 auto;}

	/* header */
	#headerArea {position:relative; width:960px; min-height:60px; margin:0 6px; background:#696d70;}
	#headerArea h1 {position:absolute; left:19px; top:23px;}
	#headerArea h1 a {display:block; width:259px; height:22px; text-indent:-9999px; background:url(/img/usr/bg/bg_logo.gif) no-repeat left top;}
	#headerArea .topArea {font-size:0.75em;}
	#headerArea .quickArea {position:absolute; right:15px; top:5px; }
	#headerArea .languagekLink {float:left; padding:3px 5px 0 0;}
	#headerArea .languagekLink li {float:left; padding:0 0 0 1px; background:url(/img/usr/bg/bg_top_menu.gif) no-repeat left 50%;}
	#headerArea .languagekLink li:first-child {background:none; margin:0; padding-left:0;}
	#headerArea .languagekLink li a {display:block; float:left; padding:0 8px; font-family:Tahoma; font-size:0.8em; color:#b6b6b6; line-height:1.2em;}

	#searchWrap {position:relative; float:left;}
	#searchWrap form {}
	#searchWrap form input[type="text"] {float:left; width:122px; height:13px; padding:2px; color:#959595; border-top:none; border-right:none; border-bottom:1px solid #dedfe6; border-left:1px solid #dedfe6; background:#e4e5ec;}
	#searchWrap form input[type="image"] {position:absolute; right:2px; top:0; vertical-align:middle;}

	#gnb {padding:32px 16px 0 0; text-align:right;}
	#gnb a, .whole a {font-family:'ModernHBold', 'Tahoma', 'Dotum', sans-serif; font-size:0.8em; line-height:13px;}
	#gnb .menu {float:right; width:576px; height:28px;}
	#gnb .menu.subArea {padding:0 0 61px;}
	#gnb .menu {width:595px;}
	#gnb .menu li.introduction, .whole .introduction {width:128px; padding-left:4px;}
	#gnb .menu li.management, .whole .management {width:186px; padding-left:4px;}
	#gnb .menu li.social, .whole .social {width:140px; padding-left:4px;}
	#gnb .menu li.materials, .whole .materials {width:109px;}
	#gnb .menu li {float:left; width:136px; padding:0 0 0 4px; text-align:left; vertical-align:top;}
	#gnb .menu li.atv .subMenu {display:block;}
	#gnb .menu a {color:#fff; vertical-align:top;}
	#gnb img {vertical-align:top;}
	#gnb p {position:relative; vertical-align:middle;}
	#gnb p.subSeeAll {position:absolute; right:15px; top:39px;}
	#gnb p.subSeeAll button {margin:-9px 0 0; padding:0; vertical-align:top;}
	#gnb .subMenu {display:none; overflow:hidden; position:absolute; left:-4px; top:52px; width:968px; height:66px; margin:8px 0 0; line-height:60px; vertical-align:middle; text-align:left; background:url(/img/usr/bg/bg_sub_menu.png) no-repeat left top;}
	#gnb .subMenu p, #gnb .subMenu a {font-family:'ModernHBold', 'Tahoma', 'Dotum', sans-serif; color:#4d4d4d;}
	#gnb .subMenu p {float:left; min-width:173px; padding-left:27px; font-size:1.35em; color:#333;}
	#gnb .subMenu ul {float:right; position:relative; left:-46px; min-width:550px; max-width:810px;}
	#gnb .subMenu ul li {float:left; width:auto; background:url(/img/usr/bg/bg_sub_menu_line.gif) no-repeat left 50%;}
	#gnb .subMenu ul li:first-child {background:none;}
	#gnb .subMenu ul li a {display:block; float:left; height:60px; padding:0 25px; line-height:60px;}
	#gnb .subMenu .subMenuClose {clear:both; position:relative; width:100%; margin:0; padding:0; text-align:right;}
	#gnb .subMenu .subMenuClose button {position:absolute; right:17px; top:-43px; vertical-align:top;}

	.whole {display:none; overflow:hidden; width:100%; height:205px; text-align:left; background:#fff;}
	.whole .figure {float:left; margin-right:49px;}
	.whole ul {float:left; width:136px; padding:4px 0 0 4px;}
	.whole ul li {line-height:15px;}
	.whole ul li a {display:block; font-family:'ModernHBold', 'Tahoma', 'Dotum', sans-serif; margin:0; padding:8px 0 9px 8px; line-height:15px; vertical-align:top; color:#4d4d4d; background:url(/img/usr/bul/bul_whole_dot.gif) no-repeat left 15px;}

	/* custom-scroll */
	.scrollAreaY{position:relative;overflow:hidden;background:url('/img/usr/bg/bg_scroll.gif') repeat-y right top;}
	.scrollAreaX{position:relative;overflow:hidden;background:url('/img/usr/bg/bg_scroll.gif') repeat-x left bottom;}
	.scrollCont{position:relative;top:0;left:0;}
	.dragger{position:absolute;background-color:#4e4e5c;}
	.scrollAreaY .dragger{width:5px;height:88px;margin:10px 0;right:0;top:0;}
	.scrollAreaX .dragger{width:88px;height:5px;margin:0 10px;left:0;bottom:0;}

	/* layer */
	.layer, .faceLayer, .movieLayer {display:none;}
	.layer, .faceLayer, .mask, .layPop, .faceLayPop, .movieLayer, .movieLayPop {position:absolute; left:0; top:0; width:100%; height:100%;}
	.mask {background:#000; opacity:0.5; filter:alpha(opacity = 50); z-index:100;}
	.layPop, .faceLayPop, .movieLayPop {left:0; top:0; width:auto; height:auto; z-index:101;}
	.btnClose {margin-left:-5px;}
	.btnClose button {position:absolute; right:-33px; top:0; display:block; width:37px; height:41px; text-indent:-9999px; background:url(/img/usr/bg/btn_lay_close.png) no-repeat left top;}

	.photoView {position:relative; width:578px; height:519px; background:url(/img/usr/bg/bg_layer_photo.png) no-repeat left top;}
	.photoView .viewPrev a, .photoView .viewNext a {display:block; padding:10px;}
	.photoView .viewPrev {position:absolute; left:-55px; top:200px;}
	.photoView .viewNext {position:absolute; right:-55px; top:200px;}
	.photoView .figure {padding:30px 0 15px;}
	.photoView .figure,
	.photoView .figure img {width:510px; height:360px; margin:0 auto;}

	.faceView {position:relative; width:380px; height:auto; border:1px solid #c1c1c1; background:#fff;}
	.faceView .viewPrev a, .faceView .viewNext a {display:block; padding:10px;}
	.faceView .viewPrev {position:absolute; left:-55px; top:50%; margin-top:-21px;}
	.faceView .viewNext {position:absolute; right:-55px; top:50%; margin-top:-21px;}
	.faceLayerArea {position:relative; width:256px; margin:0 auto; padding:40px 0 40px 64px; font-size:1em; color:#444;}
	.faceView span, .faceView strong {display:block;}
	.faceView span {font-size:0.7em; line-height:16px; margin:10px 0 0;}
	.faceView strong {font-size:0.8em; color:#107cbf; line-height:100%;}
	.faceView .url {margin:5px 0 0; color:#107cbf;}
	.faceView .like {display:block; margin:10px 0 0;}
	.faceView .likeNo {padding:0 0 0 22px; color:#808594; background:url(/img/usr/ico/like.gif) no-repeat 6px top;}
	.faceView .likeNo em {color:#3b5998;}
	.faceView .figure {position:absolute; left:0; top:40px;}
	.faceView .figure,
	.faceView .figure img {width:50px; height:50px; margin:0 auto;}

	.movieView{position:relative; width:720px; height:450px; padding:10px; border:1px solid #c1c1c1; background:#fff;}

	.photoCommentArea {position:relative; width:514px; margin:0 auto; font-family:'ModernHMedium', 'Tahoma', 'Dotum', sans-serif;}
	.photoCommentArea p {font-size:1.1em; color:#676767;}
	.photoCommentArea p strong {color:#008dd1;}
	.photoCommentArea p span {font-size:0.5em;}
	.photoCommentArea p.viewTitle{padding-right:45px;word-break:break-all; word-wrap: break-word;}
	.photoCommentArea .viewComment {margin-top:3px; font-size:0.7em;  line-height:13px; word-break:break-all; word-wrap: break-word;}
	.photoCommentArea .sns {position:absolute; right:0; top:406px;}
	.photoCommentArea .sns img {vertical-align:top;}

	/* main contents */
	#main {overflow:hidden; position:relative; left:2px; top:14px; width:975px; min-height:944px; padding:0 0 10px; margin:0 auto;}
	#main h2 {padding:17px 20px 0; font-family:'ModernHMedium', 'Tahoma', 'Dotum', sans-serif; font-size:0.85em; color:#111; line-height:100%; font-weight:normal;}
	#main .mainNews h2, #main .mainMovie h2, #main .mainReview h2 {font-size:1.125em;}
	#main .mainGallery h2 {font-size:1.125em; font-weight:normal;}
	#main .mainStory h2 {width:172px; height:50px; margin:0; padding:13px 0 0 138px; font-size:1.125em; color:#fff; line-height:17px; font-weight:normal; background: #9C9C90 url(/img/usr/bg/bg_eng_main_story.gif) no-repeat left 50%;}
	#main .mainStory h2 span {display:block; font-size:0.55em;}
	#main .mainSns h2 {width:272px; height:47px; line-height:47px; margin:0; padding:0 0 0 15px; font-size:1em; color:#fff; font-weight:normal; background:#5971a4;}
	#main .mainNotice h2 {padding:0;}
	#main h2 img {vertical-align:middle;}
	#main .seeAll {position:absolute; right:29px; top:23px;}
	#main .mainNews .seeAll {right:30px;}
	#main .mainGallery .seeAll {right:33px;}
	#main .mainNotice .seeAll {right:27px;}
	.mainNews, .mainStory, .mainReview, .mainVisual, .mainGallery, .mainNotice, .mainMovie, .mainSns {margin:0 1px 1px 0; padding:6px 0 0 6px;}
	.mainStory, .mainNotice {padding-right:8px;}
	.mainVisual, .mainNews, .mainGallery {float:left;}

	.mainNews {width:318px; height:423px; background:url(/img/usr/bg/bg_main_news.png) no-repeat left top;}
	.mainNews .scrollAreaY {width:280px; height:350px; margin:17px 0 0; padding:0 10px 0 20px;}
	.mainNews ul {overflow:hidden; position:relative; width:100%;}
	.mainNews ul li {position:relative; height:165px; margin:17px 0 0;}
	.mainNews ul li:first-child {margin:0;}
	.mainNews ul li span, .mainNews ul li strong {display:block;}
	.mainNews ul li strong {margin:6px 0 0;font-size:0.75em; color:#107cbf;}
	.mainNews ul li span {margin:4px 0 0; font-size:0.7em; color:#444; line-height:14px;}
	.mainNews ul li span.date {margin:7px 0 0; color:#107cbf; font-size:0.65em;}
	.mainNews ul li span.date span {display:inline; font-size:0.875em; color:#9a9a9a;}
	.mainNews .sns {position:absolute; right:0; bottom:4px;}

	.mainStory {position:absolute; right:0px; top:430px; width:310px; height:257px; background:url(/img/usr/bg/bg_eng_main_story.png) no-repeat left top;}
	.mainStory ul {}
	.mainStory ul li {border-top:1px solid #ececec; background:url(/img/usr/bg/bg_story_down.gif) no-repeat 275px 50%;}
	.mainStory ul li:first-child {border:0;}
	.mainStory ul li a {display:block; height:89px; line-height:89px; font-family:'ModernHMedium', 'Tahoma', 'Dotum', sans-serif; font-size:0.8em; padding:0 0 0 45px; color:#222; background:url(/img/usr/ico/ico_pdf.gif) no-repeat 20px 50%;}

	.mainReview {position:absolute; right:0; top:655px; width:318px; height:469px; background:url(/img/usr/bg/bg_main_review.png) no-repeat left top;}
	.mainReview h2 {margin:0 0 18px;}
	.mainReview ul {width:100%;}
	.mainReview .scrollAreaY {width:310px; height:400px;}
	.mainReview .reviewList a, .mainReview .reviewList strong, .mainReview .reviewList span {display:block; font-size:0.85em;}
	.mainReview .reviewList a {overflow:hidden; width:270px; height:75px; margin:0 auto;}
	.mainReview .reviewList strong {float:right; width:176px; padding:1px 0 0; color:#107cbf; line-height:100%;}
	.mainReview .reviewList span {float:right; width:176px; margin:2px 0 0; font-size:0.8em; color:#444; line-height:16px;}
	.mainReview .reviewList span.figure {float:left; width:94px;}
	.mainReview .reviewList span.data {margin:0; font-size:0.75em; color:#697176;}

	.mainVisual {position:relative; width:643px; height:423px; background:url(/img/usr/bg/bg_main_visual.png) no-repeat left top;}
	.mainVisual ul li img {max-width:635px; max-height:415px;}
	.mainVisual .indicator{width:100%;position:absolute;right:30px;top:23px;z-index:2; text-align:right;}
	.mainVisual .indicator a{overflow:hidden;display:inline-block;width:10px;height:10px;margin-right:3px;font-size:0;color:#bbb;background-color:#bbb;}
	.mainVisual .indicator a.on{background-color:#000; color:#000;}
	.mainVisual .indicator:after{display:block;clear:both;content:"";}
	.mainVisual .mainVisualListWrap{overflow:hidden;position:relative;width:100%;height:100%;}
	.mainVisual .mainVisualList{position:absolute;left:0;top:0;width:100%;z-index:1;}
	.mainVisual .mainVisualList li{width:100%;float:left;}
	.mainVisual .mainVisualList li img{width:100%;vertical-align:top;}
	.mainVisual .mainVisualList:after{display:block;clear:both;content:"";}
	.mainVisual .btnPrev{display:none;position:absolute;left:-1000px;bottom:10px;background-color:orange;z-index:2;}
	.mainVisual .btnNext{position:absolute;right:-1000px;bottom:10px;background-color:orange;z-index:2;}

	.mainGallery {position:relative; width:649px; height:264px; background:url(/img/usr/bg/bg_eng_main_gallery.png) no-repeat left top;}
	.mainGallery .mainGalleryList {width:600px; margin:0 0 0 16px; padding:18px 0 0; background:url('/img/usr/bg/bg_scroll.gif') repeat-x left bottom;}
	.mainGallery .scrollAreaX  {height:197px;}
	.mainGallery ul {overflow:hidden; width:100%; height:157px;}
	.mainGallery li {float:left; width:235px; text-align:left;}

	.mainNotice {position:absolute; right:325px; top:700px; width:332px; height:242px; background:url(/img/usr/bg/bg_eng_main_notice.png) no-repeat left top;}
	.mainNotice .noticeHeader {overflow:hidden; width:332px; background:#cacaca;}
	.mainNotice .noticeHeader li {float:left;}
	.mainNotice .noticeHeader li a {float:left; display:block; width:120px; height:47px; font-family:'ModernHMedium', 'Tahoma', 'Dotum', sans-serif; color:#fffefe; line-height:47px; text-align:center;}
	.mainNotice .noticeHeader li a:hover,
	.mainNotice .noticeHeader li.atv a {background:#968c84;}
	.mainNotice .noticeList li {overflow:hidden; width:100%; height:43px; line-height:43px; vertical-align:top; border-top:1px solid #eee;}
	.mainNotice .noticeList li:first-child {border:0 none;}
	.mainNotice .noticeList li a {display:block; padding:0 20px; font-size:0.7em; color:#4b4b4b;}
	.mainNotice .noticeList li a:after {display:block; clear:both; content:"";}
	.mainNotice .noticeList li span.flow {width:85%;}
	.mainNotice .noticeList li span.reverse {width:15%; font-size:0.9em; text-align:right;}
	.mainNotice .noticeList li em {margin:0 5px 0 0; color:#5e8aa5;}

	.mainMovie {position:absolute; left:650px; top:700px; width:324px; height:242px; background:url(/img/usr/bg/bg_eng_main_movie.png) no-repeat left top;}
	.mainMovie .seeAll {display:none;}
	.mainMovie .movie {margin:12px 20px 0;}
	.mainMovie img {cursor:pointer;}
	.mainMovie .movie img {width:270px; height:150px;}

	.mainSns {position:absolute; left:0; top:700px; width:318px; height:468px; background:url(/img/usr/bg/bg_eng_main_sns.png) no-repeat left top;}
	.mainSns .snsLink {width:287px; height:226px; display:block;}
	.mainSns {float:right;}
	.mainSns ul li {border-top:1px solid #ececec;}
	.mainSns ul li {background:url(/img/usr/ico/ico_quick.gif) no-repeat 20px 50%;}
	.mainSns ul li:first-child {border:0;}
	.mainSns ul li a {display:block; height:60px; line-height:60px; padding:0 0 0 45px; font-size:0.95em; font-family:'ModernHMedium', sans-serif; color:#222; background:url(/img/usr/bul/bul_quick.gif) no-repeat 260px 50%;}

	.faceArea {position:relative; }
	.faceArea .prev {position:absolute; right:14px; top:-44px;}
	.faceArea .next {position:absolute; right:14px; top:-24px;}
	.faceArea .snsList {overflow:hidden; width:310px; margin-top:-2px; height:390px;}
	.faceArea .snsList li {position:relative; min-height:30px; opacity:0.5; filter:alpha(opacity=50);}
	.faceArea .snsList li.current {border:2px solid #5971a4; opacity:1; filter:alpha(opacity=100);}
	.faceArea .snsList li a {display:block; width:210px; padding:17px 0 16px 80px; font-size:1em; color:#444; line-height:16px;}
	.faceArea .snsList li a strong {display:block; margin:0 0 32px; font-size:0.8em; color:#107cbf;}
	.faceArea .snsList li a span {display:block; font-size:0.7em;}
	.faceArea .snsList li a .figure {position:absolute; left:18px; top:17px;}
	.faceArea .snsList li a .url {margin:4px 0 0; font-family:Tahoma; color:#107cbf; word-break:break-all; word-wrap: break-word;}
	.faceArea .snsList li .like {position:absolute; left:80px; top:37px; width:auto; padding:0;}

	/* footer */
	#footer {width:972px; margin:4px auto 0; padding:10px 0 15px; background:url(/img/usr/bg/bg_footer_top.gif) no-repeat left top;}
	#footContents {min-height:51px; padding:0 6px; background:url(/img/usr/bg/bg_footer_contents.gif) no-repeat left bottom;}
	#footer img {vertical-align:top;}
	#footer .copy {float:left; margin:15px 0 0; padding:0 16px 0 20px; font-family:'ModernHMedium', 'Tahoma', 'Dotum', sans-serif; font-size:0.7em; line-height:100%;}
	#footer .footMenu {float:left; margin:15px 0 0;}
	#footer .footMenu li {padding:0 8px 0 9px; background:url(/img/usr/bg/bg_foot_menu.gif) no-repeat left 2px;}
	#footer .footMenu li:first-child {padding-left:0; background:none;}
	#footer .footMenu li,
	#footer .footMenu li a {float:left; font-family:'ModernHMedium', 'Tahoma', 'Dotum', sans-serif; font-size:0.825em; color:#555; line-height:100%;}
	#footer .selFrm a {font-family:Tahoma;}
}

@media screen and (max-width:980px) {

	/* header */
	#header {background:#696d70;}
	#headerArea .topArea {overflow:hidden; position:relative; width:100%; height:35px; margin:0 auto; padding:25px 0 0;}
	#headerArea h1 {padding:0 500px 0 19px;}
	#headerArea h1 a {display:block; width:259px; height:22px; margin:-3px 0 0; text-indent:-9999px; background:url(/img/usr/bg/bg_logo.gif) no-repeat left top;}
	#headerArea .quickArea {position:absolute; right:11px; top:26px;}
	#headerArea .languagekLink {float:left; padding:1px 5px 0 0;}
	#headerArea .languagekLink li {float:left; padding:0 0 0 1px; background:url(/img/usr/bg/bg_top_menu.gif) no-repeat left 50%;}
	#headerArea .languagekLink li:first-child {background:none; margin:0; padding-left:0;}
	#headerArea .languagekLink li a {display:block; float:left; padding:0 8px; font-family:Tahoma; font-size:0.6em; color:#b6b6b6; line-height:1.2em;}
	#searchWrap {position:relative; float:left;}
	#searchWrap form input[type="text"] {float:left; width:122px; height:13px; padding:2px; font-size:0.75em; color:#959595; border-top:none; border-right:none; border-bottom:1px solid #dedfe6; border-left:1px solid #dedfe6; background:#e4e5ec;}
	#searchWrap form input[type="image"] {position:absolute; right:2px; top:0; vertical-align:middle;}

	#gnb .subMenu p, .wholeOpen, .whole {display:none;}
	#gnb {position:relative; background:#464a4d; margin:0; padding:0;}
	#gnb .menu {overflow:hidden; width:100%; border-bottom:1px solid #7e8183;}
	#gnb .menu li {float:left; width:25%}
	#gnb .menu li:first-child {border-top:none;}
	#gnb .menu li a {display:block; float:left; width:100%; padding:11px 0 9px; font-family:'ModernHBold', 'Tahoma', 'Dotum', sans-serif; font-size:0.8em; color:#fff; text-align:center;}
	#gnb .menu li .subMenu {display:none;}
	#gnb .menu li.atv .subMenu {display:block;}
	#gnb .subMenu {position:absolute; left:0; top:40px; width:100%; background:#dedede;}
	#gnb .subMenu ul {overflow:hidden; width:100%;}
	#gnb .subMenu ul li {float:left; width:49%;}
	#gnb .subMenu ul li a {padding-left:31px; color:#4d4d4d; text-align:left; background:url(/img/usr/bul/bul_list_dot.gif) no-repeat 20px 50%;}
	#gnb .subSeeAll {display:none;}

	/* main contents */
	#main h2 {margin:17px 0 9px; font-family:'ModernHMedium', 'Tahoma', 'Dotum', sans-serif; font-size:1.125em; color:#111; line-height:100%; font-weight:normal;}
	#main .mainMovie h2 {margin:17px 0 10px;}
	#main .mainStory h2 {height:47px; margin:0; padding:8px 24px 0 144px; color:#fff; line-height: 17px; text-align:right; background:#9c9c90 url(/img/usr/bg/bg_eng_main_story.gif) no-repeat left 50%;}
	#main .mainStory h2 span {font-size:0.55em; display:block;}
	#main .mainSns h2 {height:55px; margin:0; padding:0 0 0 15px; color:#fff; line-height:55px; background:#5971a4;}
	#main .mainReview h2 {margin-bottom:-7px;}
	#main .seeAll {display:none;}
	#main .mainNotice .seeAll {display:block; position:absolute; right:19px; top:18px;}

	.whole {display:none !important;}

	/* layer */
	.layer, .faceLayer, .movieLayer, .whole {display:none;}

	.mainNews, .mainGallery, .mainReview {margin:0 23px 0 22px;}

	.mainVisual {position:relative; max-width:635px; width:auto; height:auto; margin:0 auto; text-align:center;}
	.mainVisual ul li img {max-width:635px; max-height:415px;}
	.mainVisual .indicator{display:none;}
	.mainVisual .mainVisualListWrap{overflow:hidden;position:relative;width:100%;height:100%;}
	.mainVisual .mainVisualList{position:absolute;left:0;top:0;width:100%;z-index:1;}
	.mainVisual .mainVisualList li{width:100%;float:left;}
	.mainVisual .mainVisualList li img{width:100%;vertical-align:top;}
	.mainVisual .mainVisualList:after{display:block;clear:both;content:"";}
	.mainVisual .btnPrev, .mainVisual .btnNext {width:38px; height:38px; border:1px solid #81b9db; font-size:0;}
	.mainVisual .btnPrev{display:none;position:absolute;right:89px;top:29px;background:url(/img/usr/btn/btn_visual_prev.png) no-repeat center 50%; ;z-index:2;}
	.mainVisual .btnNext{position:absolute;right:34px;top:29px;background:url(/img/usr/btn/btn_visual_next.png) no-repeat center 50%;z-index:2;}

	.mainNews ul {overflow:hidden; width:100%; height:185px;}
	.mainNews ul li {position:relative;}
	.mainNews ul li a {padding:0 0 6px 282px; min-height:85px;}
	.mainNews ul li a, .mainNews ul li a span, .mainNews ul li a strong {display:block;}
	.mainNews ul li strong {margin:9px 0 0; font-size:0.75em; color:#107cbf;}
	.mainNews ul li span {margin:4px 0 0; font-size:0.7em; color:#444; line-height:14px;}
	.mainNews ul li span.figure {position:absolute; left:0; top:0; margin:0; text-align:center;}
	.mainNews ul li span.figure img {max-width:270px; width:270px; height:85px;}
	.mainNews ul li span.date {margin:7px 0 0; color:#107cbf; font-size:0.65em;}
	.mainNews ul li span.date span {display:inline; font-size:0.875em; color:#9a9a9a;}
	.mainNews .sns {position:absolute; right:0; bottom:18px;}
	.mainNews .sns a {padding:0; min-height:18px;}

	.mainGallery {margin-top:25px;}
	.mainGallery .scrollCont {max-width:980px !important; width:100% !important;}
	.mainGallery ul {overflow:hidden; height:120px;}
	.mainGallery ul li {float:left; width:33%; height:120px; text-align:center;}
	.mainGallery ul li img {max-width:170px; max-height:120px;}

	.mainReview ul {overflow:hidden; height:155px;}
	.mainReview ul .reviewList {float:left; width:50%;}
	.mainReview ul .reviewList a, .mainReview .reviewList strong, .mainReview .reviewList span {display:block; font-size:0.85em;}
	.mainReview ul .reviewList a {overflow:hidden; position:relative; width:100%; height:60px; margin:16px 0 0;}
	.mainReview ul .reviewList span.figure {position:absolute; left:0; top:0; width:94px; padding:0;}
	.mainReview ul .reviewList strong {padding:2px 30px 0 94px; color:#107cbf; line-height:100%;}
	.mainReview ul .reviewList span {margin:2px 0 0; padding:0 30px 0 94px; font-size:0.8em; color:#444; line-height:16px;}
	.mainReview ul .reviewList span.data {margin:0; font-size:0.75em; color:#697176;}

	.bottomArea {overflow:hidden; position:relative; margin:17px 0 0; padding:23px 23px 0 22px; background:#ebebeb;}
	.bottomArea div {width:49%;}

	.mainMovie {float:left; margin-top:9px;}
	.mainMovie p {text-align:center;}
	.mainMovie p img {max-width:309px; width:100%; max-height:190px;}

	.mainNotice {float:right; position:relative; height:228px; margin-top:9px; background:#fff;}
	.mainNotice .noticeHeader {overflow:hidden; width:100%; background:#cacaca;}
	.mainNotice .noticeHeader li {float:left;}
	.mainNotice .noticeHeader li a {float:left; display:block; width:109px; height:55px; line-height:55px; font-family:'ModernHMedium', 'Tahoma', 'Dotum', sans-serif; color:#fffefe; text-align:center;}
	.mainNotice .noticeHeader li a:hover,
	.mainNotice .noticeHeader li.atv a {background:#968c84;}
	.mainNotice .noticeList li {overflow:hidden; width:100%; height:43px; line-height:43px; vertical-align:top; border-top:1px solid #eee;}
	.mainNotice .noticeList li:first-child {border:0 none;}
	.mainNotice .noticeList li a {display:block; padding:0 11px 0 19px; font-size:0.7em; color:#4b4b4b;}
	.mainNotice .noticeList li a:after {display:block; clear:both; content:"";}
	.mainNotice .noticeList li span.flow {width:85%;}
	.mainNotice .noticeList li span.reverse {width:15%; font-size:0.9em; text-align:right;}
	.mainNotice .noticeList li em {margin:0 5px 0 0; color:#5e8aa5;}

	.mainStory {float:left; width:318px; margin-top:17px;}
	.mainStory ul {background:#fff; min-height:155px;}
	.mainStory ul li {border-top:1px solid #ececec;}
	.mainStory ul li:first-child {border:0;}
	.mainStory ul li a {display:block; height:74px; line-height:74px; padding:0 10px 0 45px; font-size:0.75em; color:#222; background:url(/img/usr/ico/ico_pdf.gif) no-repeat 20px 50%;}
	.mainStory ul li a span {display:block; background:url(/img/usr/bg/bg_story_down.gif) no-repeat right 50%;}


	/*
	.mainSns {float:right; margin-top:17px;}
	.mainSns ul li {border-top:1px solid #ececec; background:#fff;}
	.mainSns ul li:first-child {border:0;}
	.mainSns ul li a {display:block; height:51px; line-height:51px; padding:0 0 0 45px; font-size:0.75em; color:#222; background:url(/img/usr/ico/ico_facebook.gif) no-repeat 20px 50%;}
	*/

	.mainSns {float:right; margin-top:17px;}
	.mainSns ul li {border-top:1px solid #ececec; background:#fff; background:#fff url(/img/usr/ico/ico_quick.gif) no-repeat 20px 50%;}
	.mainSns ul li:first-child {border:0;}
	.mainSns ul li a {display:block; height:51px; line-height:51px; padding:0 10px 0 45px; font-size:0.75em; color:#222; background:url(/img/usr/ico/ico_facebook.gif) no-repeat 20px 50%;}
	.mainSns ul li a span {display:block; background:url(/img/usr/bul/bul_quick.gif) no-repeat right 50%;}

	.mainSns .faceArea {display:none;}

	/* footer */
	#footer {overflow:hidden; width:100%; background:none; background-color:#ebebeb;}
	#footer .copy {margin:15px 10px; font-family:Tahoma; font-size:0.7em; color:#898989; line-height:14px;}
	#footer .footMenu, .selectArea {display:none;}

}

@media screen and (max-width:720px) {

	#gnb .subMenu p, .wholeOpen, .whole {display:none;}
	#gnb {background:#464a4d; margin:0; padding:0;}
	#gnb .menu {border-bottom:1px solid #53575a;}
	#gnb .menu li {width:100%; border-top:1px solid #7e8183; vertical-align:top;}
	#gnb .menu li:first-child {border-top:none;}
	#gnb .menu li a {display:block; float:none; width:auto; padding-left:20px; padding-right:20px; text-align:left;}
	#gnb .menu li .subMenu {display:none;}
	#gnb .menu li.atv .subMenu {display:block;}
	#gnb .subMenu {position:relative; left:0; top:0; margin:0 0 -1px; padding:6px 0 9px; border-top:1px solid #7e8183; border-bottom:1px solid #838587;}
	#gnb .subMenu ul li {float:none; width:100%; border:0 none; vertical-align:top;}
	#gnb .subMenu ul li a {float:none; margin:0; padding:6px 0 5px 31px; background:url(/img/usr/bul/bul_list_dot.gif) no-repeat 21px 50%;}

}

@media screen and (max-width:680px) {

	/* main contents */
	.mainNews, .mainGallery, .mainReview, .mainMovie, .mainNotice, .mainStory, .mainSns {margin:0 10px;}
	.mainMovie, .mainStory {margin-right:0;}
	.mainMovie, .mainNotice, .mainStory, .mainSns {float:none;}

	.mainGallery {margin-top:25px;}

	.mainReview ul {overflow:hidden; height:155px;}
	.mainReview ul .reviewList {float:none; width:100%;}

	.bottomArea {margin:0 10px; padding:0; background:#fff;}
	.bottomArea div {float:none; width:100%; margin:0;}

	.bottomArea .mainNotice {height:228px; margin-top:9px;}

	.mainMovie {position:relative;margin-top:23px;}
	.mainMovie p img {max-width:300px; width:100%; max-height:180px;}

}

@media screen and (max-width:480px) {

	/* header */
	/*#headerArea .topArea {width:240px;}*/
	#headerArea h1 {float:left; padding:0 9px 0 19px;}
	#headerArea h1 a {width:42px;}

	/* main contents */
	#main h2 {margin:17px 0 9px; font-size:1.125em; color:#111; line-height:100%;}
	#main .mainMovie h2 {margin:17px 0 10px;}
	#main .mainSns h2 {height:55px; margin:0; padding:0 0 0 15px; color:#fff; line-height:55px; background:#5971a4;}
	#main .mainNotice .seeAll {display:none;}

	.mainNews, .mainGallery, .mainReview, .mainMovie, .mainNotice, .mainStory, .mainSns {margin:0 10px;}
	.mainMovie, .mainStory {margin-right:0;}
	.mainStory, .mainSns {float:none;}

	.mainVisual {width:100%; margin:0;}
	.mainVisual img {max-width:480px; width:100%;}
	.mainVisual .btnPrev{right:65px;top:13px;}
	.mainVisual .btnNext{right:10px;top:13px;}

	.mainNews ul {overflow:hidden; height:167px;}
	.mainNews ul li {display:none;}
	.mainNews ul li:first-child {display:block;}
	.mainNews ul li a {padding:0;}
	.mainNews ul li span.figure {position:relative;}
	.mainNews .sns {position:absolute; right:0; bottom:0;}

	.mainGallery ul {height:60px;}
	.mainGallery ul li img {width:86px; height:60px;}

}

@media screen and (max-width:320px) {

	/* main contents */
	.mainNews, .mainGallery, .mainReview, .mainMovie, .mainNotice, .mainStory, .mainSns {min-width:300px;}

	.mainVisual {border-top:1px solid #2a88c2;}
	.mainVisual img {max-width:320px; width:100%; vertical-align:top;}

	.mainStory ul li {border-top:1px solid #ececec; background-position:275px 50%;}

}